﻿@{
    ViewBag.Title = "Usuários";
}

<h2>Usuários</h2>

<p>
    @Html.ActionLink("Criar Usuário", "Criar")
	@Html.ActionLink("Fazer o Download de Todos os Usuários", "Relatorio")
</p>

<form id="busca-form">
	<input type="text" name="termo" /><input type="submit" value="buscar" />
</form>

<div id="buscando" style="display: none; padding: 5px; background: #eee; border: 1px solid #ddd;">[Usar uma imagem bacana aqui!] buscando...</div>

<div id="busca-resultados"></div>
@section scripts
{
	<script type="text/javascript">
		$(function () {

			var busca = function () {
				$.ajax({
					url: "@Url.Action("Buscar", "Usuario")",
					type: "post",
					data: $("#busca-form").serialize(),
					beforeSend: function ()
					{
						$("#buscando").show();
					},
					complete: function () {
						$("#buscando").hide();
					},
					success: function (res) {
						$("#busca-resultados").html(res);
					},
					error: function (a, b, error) {
						alert(error);
					}
				});
			};

			$("#busca-form").submit(function () {
				busca();
				return false;
			});
		});
	</script>	
}